<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Weather Crowd : From GovHAck</title>
    <link rel="shortcut icon" href="favicon.ico" />
	
    <link rel="stylesheet" href="css/style.css" media="all" type="text/css" />
    <link rel="stylesheet" href="lib/jquery-ui/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" />
    <link rel="stylesheet" href="lib/harvesthq-chosen/chosen.css" type="text/css" />
    <link rel="stylesheet" href="lib/visualize/visualize.css" media="all" type="text/css" />
    <link rel="stylesheet" href="lib/datatables/css/table_jui.css" type="text/css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans" type="text/css" />


<style>

.success{
	background-color:#6F9!important;
	color:#000!important;
	}

#status{
	padding:5px;
	background-color:#000;
	color:#fff;}	

</style>

    <script type="text/javascript" src="js/head.load.min.js"></script>
     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body class="bg_c sidebar fixed stA">
    
   	<div id="header">
		<div class="wrapper cf">
			<div class="logo fl">
				<a href="#"><img src="images/logo.png" alt="" /></a>
			</div>	
			<ul class="fr cf" id="main_nav">
			    <li class="nav_item active"><a href="#" class="main_link"><span>Home</span></a><img class="tick tick_a" alt="" src="images/blank.gif" /></li>
			    <li class="nav_item "><a href="thedata.html" class="main_link"><span>The Data</span></a></li>
			    <li class="nav_item "><a href="charts.html" class="main_link"><span>Charts</span></a></li>
			    <li class="nav_item "><a href="contactus.html" class="main_link"><span>Contact Us</span></a></li>
			</ul>
		</div>
	</div>
	
	<div id="main">
		<div class="wrapper cf">
			<div id="main_section" class="cf brdrrad_a">
			   
				<div id="content_wrapper dp100">
						<h1 class="sepH_c">The Data</h1>
						<h3>The Data page will display pure data pulled from the database from some selections.</h3><br />
						<p>An example of the data would be temperature and rainfall on a particular day in a particular location</p><br />
						<h5>WE DIDNT GET TIME TO BUILD THIS PAGE... BUT HERE IS A PICTURE OF A BIG CAT</h5>
						<br />
						<img src="images/bigcat.jpg" alt="big cat" height="320" width="213" align="middle"/>
						 <form action="./UserInputServlet" class="js_submit">
							<div class="formEl_a">
							
							
							
							</div>
						</form> 
						
				</div>
			
			</div>
		</div>
	</div>
	
	<div id="footer">
	   <div class="wrapper">
		  <div class="cf ftr_content">
			<p class="fl">Copyright &copy; 2012 weathercrowd</p>
			
		  </div>
	   </div>	
	</div>
	
	<script type="text/javascript">
		head.js("js/jquery-1.6.2.min.js");
		head.js("lib/jquery-ui/jquery-ui-1.8.15.custom.min.js");
		head.js("lib/datatables/jquery.dataTables.min.js");
		head.js("lib/datatables/dataTables.plugins.js");
		head.js("lib/harvesthq-chosen/chosen.jquery.min.js");
		head.js("lib/visualize/visualize.jQuery.js");
		head.js("lib/visualize/excanvas.js");
		head.js("lib/fusion-charts/FusionCharts.js");
		head.js("lib/fancybox/jquery.easing-1.3.pack.js");
		head.js("lib/fancybox/jquery.fancybox-1.3.4.pack.js");
		head.js("js/jquery.tools.min.js");
		head.js("js/jquery.text-overflow.min.js");
		head.js("js/xbreadcrumbs.js");
		head.js("js/custom.js");
		head.js("lib/timepicker-addon/jquery-ui-timepicker-addon.js");

	      head.ready(function(){
			lga_clearForm.init();
			lga_timepicker.init();
			lga_form_a_validation.init();
			lga_formSubmit.init();
        }); 




	</script>

</body>
</html>
